<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>角色管理</title>
		<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
		<link rel="stylesheet" href="/static/plugins/bower_components/bootstrap/dist/css/bootstrap.min.css">
		<link rel="stylesheet" href="/static/plugins/bower_components/font-awesome/css/font-awesome.min.css">
		<link rel="stylesheet" href="/static/plugins/bower_components/Ionicons/css/ionicons.min.css">
		<link rel="stylesheet" href="/static/plugins/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css">
		<link rel="stylesheet" href="/static/dist/css/AdminLTE.min.css">
		<link rel="stylesheet" type="text/css" href="/static/plugins/bootstrapvalidator/dist/css/bootstrapValidator.min.css" />
		<link rel="stylesheet" href="/static/dist/css/skins/_all-skins.min.css">
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->

		<!-- Google Font -->
		<!--		<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
-->
		<style type="text/css">
			#example {
				background-color: white;
			}
			
			#example tr.activa {
				background-color: blue;
			}
			
			#example2 tr.activa2 {
				background-color: blue;
			}
			
			.content {
				background-color: white;
				position: relative;
			}
			
			#id1 {
				position: absolute;
				right: 20px;
			}
			
			#xingming {
				width: 150px;
				height: 32px;
			}
			
			#email {
				width: 150px;
				height: 32px;
			}
			
			#check {
				background-color: blue;
				color: white;
				width: 50px;
				height: 32px;
				border: none;
			}
			
			#chongzhi,
			#add,
			#bianji,
			#shanchu {
				width: 50px;
				height: 32px;
				border: none;
			}
			
			body {
				position: relative;
			}
			
			.wrapper {
				position: relative;
				z-index: 1;
			}
			
			#insert {
				width: 100%;
				height: 100%;
				min-width: 1200px;
				background-color: rgba(0, 0, 0, 0.8);
				position: absolute;
				z-index: 50;
				display: none;
			}
			
			.motai {
				width: 900px;
				height: 402px;
				background-color: white;
				border-radius: 10px;
				margin: 0px auto;
				margin-top: 150px;
				display: none;
			}
			
			#updata {
				width: 100%;
				height: 100%;
				min-width: 1200px;
				background-color: rgba(0, 0, 0, 0.8);
				position: absolute;
				z-index: 50;
				display: none;
			}
			
			.motai2 {
				width: 900px;
				height: 402px;
				background-color: white;
				border-radius: 10px;
				margin: 0px auto;
				margin-top: 150px;
				display: none;
			}
			
			.motai-head {
				height: 50px;
				width: 100%;
				border-bottom: 1px solid#F4F4F4;
			}
			
			.motai-head-left {
				float: left;
				line-height: 50px;
				width: 100px;
				text-align: center;
			}
			
			.motai-text {
				width: 100%;
				height: 272px;
				border-bottom: 1px solid#F4F4F4;
				font-size: 18px;
				font-weight: bold;
			}
			
			.motai-text-left {
				float: left;
				width: 50%;
				height: 100%;
				text-align: right;
			}
			
			.motai-text-right {
				float: left;
				width: 50%;
				height: 100%;
				text-align: right;
			}
			
			.motai-text p {
				position: relative;
				left: -80px;
				margin: 30px 10px;
			}
			
			.motai-text span {
				margin-right: 20px;
			}
			
			.motai-foot {
				width: 100%;
				height: 70px;
			}
			
			.button {
				float: right;
				margin-right: 15px;
				position: relative;
				top: 10px;
			}
			
			.button #quxiao {
				border: 1px solid#DDDDDD;
				width: 50px;
				height: 40px;
				background-color: #F4F4F4;
			}
			
			.button #tijiao {
				color: white;
				border: 1px solid#367FA9;
				width: 50px;
				height: 40px;
				background-color: #3C8DBC;
			}
			
			.button #quxiao2 {
				border: 1px solid#DDDDDD;
				width: 50px;
				height: 40px;
				background-color: #F4F4F4;
			}
			
			.button #tijiao2 {
				color: white;
				border: 1px solid#367FA9;
				width: 50px;
				height: 40px;
				background-color: #3C8DBC;
			}
			
			#useritem {
				width: 100%;
				height: 100%;
				min-width: 1200px;
				background-color: rgba(0, 0, 0, 0.8);
				position: absolute;
				z-index: 50;
				display: none;
			}
			
			.useritem {
				width: 900px;
				height: 392px;
				background-color: white;
				border-radius: 10px;
				margin: 0px auto;
				margin-top: 150px;
				display: none;
			}
			
			.useritem-foot {
				width: 100%;
				margin-top: 40px;
				height: 70px;
				margin-left: -40px;
			}
			
			.useritem-foot #tuichu {
				border: 1px solid#DDDDDD;
				width: 50px;
				height: 40px;
				position: relative;
				top: -40px;
				color: white;
				background-color: #3C8DBC;
			}
			
			#wuquan {
				width: 100%;
				height: 100%;
				min-width: 1200px;
				background-color: rgba(0, 0, 0, 0.8);
				position: absolute;
				z-index: 51;
				display: none;
			}
			
			.wuquan {
				width: 350px;
				height: 250px;
				background-color: white;
				border-radius: 20px;
				margin: 0 auto;
				margin-top: 150px;
			}
			
			.wuquan-tou {
				width: 100%;
				height: 80px;
				font-size: 20px;
				line-height: 100px;
				text-align: center;
				font-weight: bold;
				border-bottom: 1px solid #e0e0e0;
			}
			
			.wuquan-text {
				width: 100%;
				height: 199px;
				margin-top: 30px;
				line-height: 50px;
				text-align: center;
			}
			
			.wuquan-text p {
				position: relative;
				width: 100%;
				font-weight: bold;
				font-size: 20px;
			}
			
			.wuquan-text input {
				width: 50px;
				height: 30px;
				line-height: 30px;
				border: 1px solid silver;
				text-align: center;
			}
			
			.wuquan-text #p {
				position: relative;
				width: 100%;
				right: 0px;
			}
			
			.wuquan-text #p input {
				position: absolute;
				right: 10px;
			}
			
			#tuichuquanxian {
				width: 60px;
				height: 40px;
				line-height: 40px;
				background-color: blue;
				color: white;
				font-weight: bold;
				position: relative;
				right: 20px;
			}
			
			#example {
				text-align: center;
				float: left;
				margin-top: 50px;
			}
			
			#thead th {
				text-align: center;
			}
			
			.juesetianjia {
				width: 500px;
				height: 350px;
				position: relative;
				top: 150px;
				border-radius: 20px;
				margin: 0 auto;
				background-color: white;
			}
			
			.juesemingcheng {
				width: 100%;
				height: 230px;
				border: 1px solid;
				text-align: right;
				font-size: 16px;
				font-weight: bold;
			}
			
			.juesemingcheng p {
				margin: 25px 30px;
				margin-right: 120px;
			}
			
			.juesemingcheng input {
				height: 40px;
				width: 200px;
				outline: none;
				border-radius: 10px;
				border: 1px solid;
			}
			
			#tuichu {
				border: 1px solid#DDDDDD;
				width: 50px;
				height: 40px;
				background-color: #F4F4F4;
			}
			
			#adduser {
				color: white;
				border: 1px solid#367FA9;
				width: 50px;
				height: 40px;
				background-color: #3C8DBC;
			}
			
			#useradd {
				width: 100%;
				height: 100%;
				min-width: 1200px;
				background-color: rgba(0, 0, 0, 0.8);
				position: absolute;
				z-index: 50;
			}
			
			.useradd {
				width: 900px;
				height: 402px;
				background-color: white;
				border-radius: 10px;
				margin: 0px auto;
				margin-top: 100px;
			}
			#wuquan2 {
				width: 100%;
				height: 100%;
				min-width: 1200px;
				background-color: rgba(0, 0, 0, 0.8);
				position: absolute;
				z-index: 50;
				display: none;
			}
			#wuquan2 .wuquan-text2 {
				width: 100%;
				height: 199px;
				margin-top: 30px;
				text-align: right
			}
			.wuquan-text2 p{
				position: relative;
				font-size: 18px;
				font-weight: bold;
				margin-right: 35px;
			}
			.wuquan-text2 input{
				width: 180px;
				height: 32px;
				outline: none;
			}
		</style>
	</head>

	<body class="hold-transition skin-blue sidebar-mini">
		<div id="wuquan">
			<div class="wuquan">
				<div class="wuquan-tou">
					Warning
				</div>
				<div class="wuquan-text">
					<p style="height: 80px;" id="text"></p>
					<p id="p"><input type="button" id="tuichuquanxian" value="确定" /></p>
				</div>
			</div>
		</div>
		<div id="wuquan2">
			<div class="wuquan">
				<div class="wuquan-tou" style="height: 70px;line-height: 70px;">
					角色添加
				</div>
				<div class="wuquan-text2">
					<p >角色名称：<input type="text" name="juese" id="" value="" /></p>
					<p style="margin-top: 25px;">角色备注：<input type="text" name="" id="" value="" /></p>
					<p id="p"><input type="button" id="adduser" value="确定" /></p>
				</div>
			</div>
		</div>
		<div class="wrapper">
			<header class="main-header">
				<a href="index2.html" class="logo">
					<span class="logo-mini"><b>A</b>LT</span>
					<span class="logo-lg"><b id="Name"></b></span>
				</a>
				<nav class="navbar navbar-static-top">
					<a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
						<span class="sr-only">Toggle navigation</span>
					</a>
					<div class="navbar-custom-menu">
						<ul class="nav navbar-nav">
							<li class="dropdown messages-menu">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
									<i class="fa fa-envelope-o"></i>
									<span class="label label-success">4</span>
								</a>
								<ul class="dropdown-menu">
									<li class="header">You have 4 messages</li>
									<li>
										<ul class="menu">
											<li>
												<a href="#">
													<div class="pull-left">
														<img src="../static/dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
													</div>
													<h4>
                        Support Team
                        <small><i class="fa fa-clock-o"></i> 5 mins</small>
                      </h4>
													<p>Why not buy a new awesome theme?</p>
												</a>
											</li>
											<!-- end message -->
											<li>
												<a href="#">
													<div class="pull-left">
														<img src="../static/dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
													</div>
													<h4>
                        AdminLTE Design Team
                        <small><i class="fa fa-clock-o"></i> 2 hours</small>
                      </h4>
													<p>Why not buy a new awesome theme?</p>
												</a>
											</li>
											<li>
												<a href="#">
													<div class="pull-left">
														<img src="../static/dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
													</div>
													<h4>
                        Developers
                        <small><i class="fa fa-clock-o"></i> Today</small>
                      </h4>
													<p>Why not buy a new awesome theme?</p>
												</a>
											</li>
											<li>
												<a href="#">
													<div class="pull-left">
														<img src="../static/dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
													</div>
													<h4>
                        Sales Department
                        <small><i class="fa fa-clock-o"></i> Yesterday</small>
                      </h4>
													<p>Why not buy a new awesome theme?</p>
												</a>
											</li>
											<li>
												<a href="#">
													<div class="pull-left">
														<img src="../static/dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
													</div>
													<h4>
                        Reviewers
                        <small><i class="fa fa-clock-o"></i> 2 days</small>
                      </h4>
													<p>Why not buy a new awesome theme?</p>
												</a>
											</li>
										</ul>
									</li>
									<li class="footer">
										<a href="#">See All Messages</a>
									</li>
								</ul>
							</li>
							<!-- Notifications: style can be found in dropdown.less -->
							<li class="dropdown notifications-menu">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
									<i class="fa fa-bell-o"></i>
									<span class="label label-warning">10</span>
								</a>
								<ul class="dropdown-menu">
									<li class="header">You have 10 notifications</li>
									<li>
										<!-- inner menu: contains the actual data -->
										<ul class="menu">
											<li>
												<a href="#">
													<i class="fa fa-users text-aqua"></i> 5 new members joined today
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the page and may cause design problems
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-users text-red"></i> 5 new members joined
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-shopping-cart text-green"></i> 25 sales made
												</a>
											</li>
											<li>
												<a href="#">
													<i class="fa fa-user text-red"></i> You changed your username
												</a>
											</li>
										</ul>
									</li>
									<li class="footer">
										<a href="#">View all</a>
									</li>
								</ul>
							</li>
							<!-- Tasks: style can be found in dropdown.less -->
							<li class="dropdown tasks-menu">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
									<i class="fa fa-flag-o"></i>
									<span class="label label-danger">9</span>
								</a>
								<ul class="dropdown-menu">
									<li class="header">You have 9 tasks</li>
									<li>
										<!-- inner menu: contains the actual data -->
										<ul class="menu">
											<li>
												<!-- Task item -->
												<a href="#">
													<h3>
                        Design some buttons
                        <small class="pull-right">20%</small>
                      </h3>
													<div class="progress xs">
														<div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
															<span class="sr-only">20% Complete</span>
														</div>
													</div>
												</a>
											</li>
											<!-- end task item -->
											<li>
												<!-- Task item -->
												<a href="#">
													<h3>
                        Create a nice theme
                        <small class="pull-right">40%</small>
                      </h3>
													<div class="progress xs">
														<div class="progress-bar progress-bar-green" style="width: 40%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
															<span class="sr-only">40% Complete</span>
														</div>
													</div>
												</a>
											</li>
											<!-- end task item -->
											<li>
												<!-- Task item -->
												<a href="#">
													<h3>
                        Some task I need to do
                        <small class="pull-right">60%</small>
                      </h3>
													<div class="progress xs">
														<div class="progress-bar progress-bar-red" style="width: 60%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
															<span class="sr-only">60% Complete</span>
														</div>
													</div>
												</a>
											</li>
											<!-- end task item -->
											<li>
												<!-- Task item -->
												<a href="#">
													<h3>
                        Make beautiful transitions
                        <small class="pull-right">80%</small>
                      </h3>
													<div class="progress xs">
														<div class="progress-bar progress-bar-yellow" style="width: 80%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
															<span class="sr-only">80% Complete</span>
														</div>
													</div>
												</a>
											</li>
											<!-- end task item -->
										</ul>
									</li>
									<li class="footer">
										<a href="#">View all tasks</a>
									</li>
								</ul>
							</li>
							<!-- User Account: style can be found in dropdown.less -->
							<li class="dropdown user user-menu">
								<a href="#" class="dropdown-toggle" data-toggle="dropdown">
									<img src="/static/dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
									<span class="hidden-xs" id="Name2">白萝卜</span>
								</a>
								<ul class="dropdown-menu">
									<!-- User image -->
									<li class="user-header">
										<img src="../static/dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">

										<p>
											Alexander Pierce - Web Developer
											<small>Member since Nov. 2012</small>
										</p>
									</li>
									<!-- Menu Body -->
									<li class="user-body">
										<div class="row">
											<div class="col-xs-4 text-center">
												<a href="#">Followers</a>
											</div>
											<div class="col-xs-4 text-center">
												<a href="#">Sales</a>
											</div>
											<div class="col-xs-4 text-center">
												<a href="#">Friends</a>
											</div>
										</div>
										<!-- /.row -->
									</li>
									<!-- Menu Footer-->
									<li class="user-footer">
										<div class="pull-left">
											<a href="#" class="btn btn-default btn-flat" id="jiankuang">简况</a>
										</div>
										<div class="pull-right">
											<a href="#" class="btn btn-default btn-flat" id="zhuxiao">注销</a>
										</div>
									</li>
								</ul>
							</li>
							<!-- Control Sidebar Toggle Button -->
							<li>
								<a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
							</li>
						</ul>
					</div>
				</nav>
			</header>
			<!-- Left side column. contains the logo and sidebar -->
			<aside class="main-sidebar">
				<!-- sidebar: style can be found in sidebar.less -->
				<section class="sidebar">
					<!-- Sidebar user panel -->
					<div class="user-panel">
						<div class="pull-left image">
							<img src="../static/dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
						</div>
						<div class="pull-left info">
							<p id="Name3">白萝卜</p>
							<a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
						</div>
					</div>
					<!-- search form -->
					<form action="#" method="get" class="sidebar-form">
						<div class="input-group">
							<input type="text" name="q" class="form-control" placeholder="搜索...">
							<span class="input-group-btn">
                <button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
                </button>
              </span>
						</div>
					</form>
					<!-- /.search form -->
					<!-- sidebar menu: : style can be found in sidebar.less -->
					<ul class="sidebar-menu" data-widget="tree" id="caidan">
						<li class="header">MAIN NAVIGATION</li>
						<li class="treeview" id="yangben">
							<a href="#">
								<i class="fa fa-files-o"></i>
								<span>用户样本</span>
								<span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
							</a>
						</li>
					</ul>
				</section>
				<!-- /.sidebar -->
			</aside>

			<!-- Content Wrapper. Contains page content -->
			<div class="content-wrapper" style="height: 700px;">
				<!-- Content Header (Page header) -->
				<section class="content-header">
					<h1>
        角色管理
        <small>Control panel</small>
      </h1>
					<ol class="breadcrumb">
						<li>
							<a href="#" id="home"><i class="fa fa-dashboard"></i>主页</a>
						</li>
						<li class="active">角色管理</li>
					</ol>
				</section>
				<!-- Main content -->
				<div id="content-wrapper">
					<section class="content" style="width:35%;margin-left: 0px;float: left;">
						<!-- Small boxes (Stat box) -->
						<p style="position: absolute; right: 20px;">
							<input type="button" name="shanchujuese" id="shanchujuese" value="删除" style="background-color: blue;color: white;width: 60px;height: 30px;border: none;" />
							<input type="button" id="tianjia" value="添加" style="background-color: blue;color: white;width: 60px;height: 30px;border: none;" /></p>
						<table id="example" class="table table-bordered table-hover" cellspacing="0" width="100%">
							<tbody>
							</tbody>
						</table>
					</section>
					<section class="content" style="width:64%;margin-left: 0px;float: right;margin-left: 1%;">
						<p id="name"></p>
						<p style="position: relative;left: 520px;"><input type="button" id="add" value="增加" style="background-color: blue;color: white;width: 60px;margin-right: 10px;" /><input type="button" name="shanchu" id="shanchu" value="删除" style="background-color: blue;color: white;width: 60px;" /></p>
						<table id="example2" class="table table-bordered table-hover" cellspacing="0" height="100%" width="100%">
							<thead>
								<tr>
									<th>ID</th>
									<th>姓名</th>
									<th>邮箱</th>
									<th>电话</th>
									<th>性别</th>
								</tr>
							</thead>
							<tbody></tbody>
						</table>
					</section>
				</div>
				<!-- /.content -->
			</div>
			<!-- /.content-wrapper -->
			<footer class="main-footer">
				<div class="pull-right hidden-xs">
					<b>Version</b> 2.4.0
				</div>
				<strong>Copyright &copy; 2014-2016 <a href="https://adminlte.io">Almsaeed Studio</a>.</strong> All rights reserved.
			</footer>

			<!-- Control Sidebar -->
			<aside class="control-sidebar control-sidebar-dark">
				<!-- Create the tabs -->
				<ul class="nav nav-tabs nav-justified control-sidebar-tabs">
					<li>
						<a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a>
					</li>
					<li>
						<a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a>
					</li>
				</ul>
				<!-- Tab panes -->
				<div class="tab-content">
					<!-- Home tab content -->
					<div class="tab-pane" id="control-sidebar-home-tab">
						<h3 class="control-sidebar-heading">Recent Activity</h3>
						<ul class="control-sidebar-menu">
							<li>
								<a href="javascript:void(0)">
									<i class="menu-icon fa fa-birthday-cake bg-red"></i>

									<div class="menu-info">
										<h4 class="control-sidebar-subheading">Langdon's Birthday</h4>

										<p>Will be 23 on April 24th</p>
									</div>
								</a>
							</li>
							<li>
								<a href="javascript:void(0)">
									<i class="menu-icon fa fa-user bg-yellow"></i>

									<div class="menu-info">
										<h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>

										<p>New phone +1(800)555-1234</p>
									</div>
								</a>
							</li>
							<li>
								<a href="javascript:void(0)">
									<i class="menu-icon fa fa-envelope-o bg-light-blue"></i>

									<div class="menu-info">
										<h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>

										<p>nora@example.com</p>
									</div>
								</a>
							</li>
							<li>
								<a href="javascript:void(0)">
									<i class="menu-icon fa fa-file-code-o bg-green"></i>

									<div class="menu-info">
										<h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>

										<p>Execution time 5 seconds</p>
									</div>
								</a>
							</li>
						</ul>
						<!-- /.control-sidebar-menu -->

						<h3 class="control-sidebar-heading">Tasks Progress</h3>
						<ul class="control-sidebar-menu">
							<li>
								<a href="javascript:void(0)">
									<h4 class="control-sidebar-subheading">
                Custom Template Design
                <span class="label label-danger pull-right">70%</span>
              </h4>

									<div class="progress progress-xxs">
										<div class="progress-bar progress-bar-danger" style="width: 70%"></div>
									</div>
								</a>
							</li>
							<li>
								<a href="javascript:void(0)">
									<h4 class="control-sidebar-subheading">
                Update Resume
                <span class="label label-success pull-right">95%</span>
              </h4>

									<div class="progress progress-xxs">
										<div class="progress-bar progress-bar-success" style="width: 95%"></div>
									</div>
								</a>
							</li>
							<li>
								<a href="javascript:void(0)">
									<h4 class="control-sidebar-subheading">
                Laravel Integration
                <span class="label label-warning pull-right">50%</span>
              </h4>

									<div class="progress progress-xxs">
										<div class="progress-bar progress-bar-warning" style="width: 50%"></div>
									</div>
								</a>
							</li>
							<li>
								<a href="javascript:void(0)">
									<h4 class="control-sidebar-subheading">
                Back End Framework
                <span class="label label-primary pull-right">68%</span>
              </h4>

									<div class="progress progress-xxs">
										<div class="progress-bar progress-bar-primary" style="width: 68%"></div>
									</div>
								</a>
							</li>
						</ul>
						<!-- /.control-sidebar-menu -->

					</div>
					<!-- /.tab-pane -->
					<!-- Stats tab content -->
					<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
					<!-- /.tab-pane -->
					<!-- Settings tab content -->
					<div class="tab-pane" id="control-sidebar-settings-tab">
						<form method="post">
							<h3 class="control-sidebar-heading">General Settings</h3>

							<div class="form-group">
								<label class="control-sidebar-subheading">
              Report panel usage
              <input type="checkbox" class="pull-right" checked>
            </label>

								<p>
									Some information about this general settings option
								</p>
							</div>
							<!-- /.form-group -->

							<div class="form-group">
								<label class="control-sidebar-subheading">
              Allow mail redirect
              <input type="checkbox" class="pull-right" checked>
            </label>

								<p>
									Other sets of options are available
								</p>
							</div>
							<!-- /.form-group -->

							<div class="form-group">
								<label class="control-sidebar-subheading">
              Expose author name in posts
              <input type="checkbox" class="pull-right" checked>
            </label>

								<p>
									Allow the user to show his name in blog posts
								</p>
							</div>
							<!-- /.form-group -->

							<h3 class="control-sidebar-heading">Chat Settings</h3>

							<div class="form-group">
								<label class="control-sidebar-subheading">
              Show me as online
              <input type="checkbox" class="pull-right" checked>
            </label>
							</div>
							<!-- /.form-group -->

							<div class="form-group">
								<label class="control-sidebar-subheading">
              Turn off notifications
              <input type="checkbox" class="pull-right">
            </label>
							</div>
							<!-- /.form-group -->

							<div class="form-group">
								<label class="control-sidebar-subheading">
              Delete chat history
              <a href="javascript:void(0)" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
            </label>
							</div>
							<!-- /.form-group -->
						</form>
					</div>
					<!-- /.tab-pane -->
				</div>
			</aside>
			<!-- /.control-sidebar -->
			<!-- Add the sidebar's background. This div must be placed
       immediately after the control sidebar -->
			<div class="control-sidebar-bg"></div>
		</div>
		<script src="/static/plugins/bower_components/jquery/dist/jquery.min.js"></script>
		<script src="/static/plugins/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
		<script src="/static/plugins/bower_components/datatables.net/js/jquery.dataTables.min.js"></script>
		<script src="/static/plugins/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>
		<script src="/static/plugins/bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
		<script src="/static/plugins/bower_components/fastclick/lib/fastclick.js"></script>
		<script src="/static/dist/js/adminlte.min.js"></script>
		<script src="/static/dist/js/demo.js"></script>
		<script src="/static/plugins/bootstrapvalidator/dist/js/bootstrapValidator.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="/static/plugins/common/js/base-modal.js"></script>
		<script>
			$(function() {
				var NickName, table2, table1;
				$("#shouquan").click(function() {
					$(this).children("ul").stop();
				})
				$("a").click(function(event) {
					event.preventDefault();
				});

				var table = $('#example').DataTable({
					"searching": false,
					"language": { // 定义语言
						"sProcessing": "加载中...",
						"sLengthMenu": "每页显示 _MENU_ 条记录",
						"sZeroRecords": "没有匹配的结果",
						"sInfo": "显示第 _START_ 至 _END_ 项结果，共 _TOTAL_ 项",
						"sInfoEmpty": "显示第 0 至 0 项结果，共 0 项",
						"sInfoFiltered": "(由 _MAX_ 项结果过滤)",
						"sInfoPostFix": "",
						"sSearch": "搜索:",
						"sUrl": "",
						"sEmptyTable": "表中数据为空",
						"sLoadingRecords": "载入中...",
						"sInfoThousands": ",",
						"oPaginate": false
					},
					"pagingType": "full_numbers",
					"paging": true,
					"processing": true,
					"serverSide": true,
					"ajax": {
						url: "/rolr/list",
						type: "post"
					},
					"columns": [{
						"title": "序号",
						"data": "ID"
					}, {
						"title": "用户名称",
						"data": "RolrName"
					}]
				});
				var id, username, nickname, email, phone, sex, address, rolrid;
				$.ajax({
					type: "get",
					url: "/user/name",
					success: function(data) {
						var response = $.parseJSON(data);
						$("#Name").html(response.code.nickname);
						$("#Name2").html(response.code.nickname);
						$("#Name3").html(response.code.nickname);
						id = response.code.id;
						username = response.code.username
						nickname = response.code.nickname;
						email = response.code.email;
						phone = response.code.phone;
						sex = response.code.sex;
						address = response.code.address;
						rolrid = response.code.rolrid;
					}
				});
				$("#tuichuquanxian").click(function() {
					$("#wuquan").stop();
					$(".wuquan").stop();
					$("#wuquan").fadeOut(400);
					$(".wuquan").slideUp(300);
				})
				$("#wuquan").on("click", function(event) {
					if(event.target.id == "wuquan") {
						$("#wuquan").stop();
						$(".wuquan").stop();
						$("#wuquan").fadeOut(400);
						$(".wuquan").slideUp(300);
					}
				});
				var id, username, nickname, email, phone, sex, zhuzhi, quanxian;
				var id2, RolrID, index, rolrname;
				$("#example tbody").on("click", "tr", function() {
					$(this).siblings().removeClass("activa");
					$(this).siblings().css("color", "black")
					$(this).addClass("activa");
					$(this).css("color", "white");
					$("#name").html($(this).children("td:eq(1)").html());
					RolrID = $(this).children("td:eq(0)").html();
					rolrname = $(this).children("td:eq(1)").html();
					$.ajax({
						type: "post",
						url: "/rolr/item",
						data: {
							RolrID: RolrID
						},
						success: function(data) {
							var response = $.parseJSON(data);
							index = response.data;
						}
					});
					$("#example2 tbody").remove();
					table1 = $("#example2").DataTable();
					$('#example2').empty();
					table1.destroy();
					$('#example2').DataTable({
						"responsive": true,
						"searching": false,
						"processing": true,
						"serverSide": true,
						"deferRender": true,
						"bRetrieve": true,
						"bDestroy": true,
						"ajax": {
							url: "/rolr/item",
							type: "get",
							data: {
								"RolrID": RolrID
							}
						},
						"targets": 0,
						"columns": [{
								"data": 'ID'
							},
							{
								"data": 'NickName'
							},
							{
								"data": 'Email'
							},
							{
								"data": 'Phone'
							},
							{
								"data": 'Sex'
							}
						],
						"language": { // 定义语言
							"sProcessing": "加载中...",
							"sLengthMenu": "每页显示 _MENU_ 条记录",
							"sZeroRecords": "没有匹配的结果",
							"sInfo": "显示第 _START_ 至 _END_ 项结果，共 _TOTAL_ 项",
							"sInfoEmpty": "显示第 0 至 0 项结果，共 0 项",
							"sInfoFiltered": "(由 _MAX_ 项结果过滤)",
							"sInfoPostFix": "",
							"sSearch": "搜索:",
							"sUrl": "",
							"sEmptyTable": "表中数据为空",
							"sLoadingRecords": "载入中...",
							"sInfoThousands": ",",
							"oPaginate": {
								"sFirst": "首页",
								"sPrevious": "上一页",
								"sNext": "下一页",
								"sLast": "末页"
							}
						}
					});
				});
				$("#example2").on("click", 'tr', function() {
					$(this).siblings().removeClass("activa2");
					$(this).siblings().css("color", "black")
					$(this).addClass("activa2");
					$(this).css("color", "white");
					id2 = $(this).children("td:eq(0)").html();
					console.log(id2);
				});
				$("#chongzhi").click(function() {
					window.location.reload();
				})
				$("#add").click(function() {
					$("#insert").stop();
					$(".motai").stop();
					$("#insert").fadeIn(500);
					$(".motai").slideDown(400);
				});
				$("#quxiao").click(function() {
					$("#insert").stop();
					$(".motai").stop();
					$("#insert").fadeOut(400);
					$(".motai").slideUp(300);
				})
				$("#insert").on("click", function(event) {
					if(event.target.id == "insert") {
						$("#insert").stop();
						$(".motai").stop();
						$("#insert").fadeOut(400);
						$(".motai").slideUp(300);
					}
				});
				$("[name=username]").change(function() {
					$("[name=password]").val($(this).val());
				})
				$("#bianji").click(function() {
					id = $("[name=ID2]").val();
					if(id == "") {
						$("#text").html('请选择需要编辑的用户');
						$("#wuquan").stop();
						$(".wuquan").stop();
						$("#wuquan").fadeIn(400);
						$(".wuquan").slideDown(300);
					} else {
						$("#updata").stop();
						$(".motai2").stop();
						$("#updata").fadeIn(500);
						$(".motai2").slideDown(400);
					}
				});
				$("#quxiao2").click(function() {
					$("#updata").stop();
					$(".motai2").stop();
					$("#updata").fadeOut(400);
					$(".motai2").slideUp(300);
				})
				$("#updata").on("click", function(event) {
					if(event.target.id == "updata") {
						$("#updata").stop();
						$(".motai2").stop();
						$("#updata").fadeOut(400);
						$(".motai2").slideUp(300);
					}
				});
				var NickName, Email;
				$("#yangben").click(function() {
					location.href = "/list";
				})
				$(".useritem2").click(function() {
					$.ajax({
						type: "get",
						url: "/user/info",
						success: function(data) {
							var response = $.parseJSON(data);
							$("[name=username]").val(response.code['UserName']);
							$("[name=nickname]").val(response.code['NickName']);
							$("[name=email4]").val(response.code['Email']);
							$("[name=phone]").val(response.code['Phone']);
							$("[name=sex]").val(response.code['Sex']);
							$("[name=address]").val(response.code['Address']);
							$("[name=quanxian]").val(response.code['RolrID']);
						}
					});
					$("#useritem").stop();
					$(".useritem").stop();
					$("#useritem").fadeIn(500);
					$(".useritem").slideDown(400);
				});
				$("#useritem").on("click", function(event) {
					if(event.target.id == "useritem") {
						$("#useritem").stop();
						$(".useritem").stop();
						$("#useritem").fadeOut(400);
						$(".useritem").slideUp(300);
						$("[name=username]").val("");
						$("[name=nickname]").val("");
						$("[name=email4]").val("");
						$("[name=phone]").val("");
						$("[name=sex]").val("");
						$("[name=address]").val("");
						$("[name=quanxian]").val("");
					}
				});
				$("#tuichu").click(function() {
					$("#useritem").stop();
					$(".useritem").stop();
					$("#useritem").fadeOut(400);
					$(".useritem").slideUp(300);
					$("[name=username]").val("");
					$("[name=nickname]").val("");
					$("[name=email4]").val("");
					$("[name=phone]").val("");
					$("[name=sex]").val("");
					$("[name=address]").val("");
				});
				$("#jiankuang").click(function() {
					$.ajax({
						type: "get",
						url: "/user/info",
						success: function(data) {
							$("#content-wrapper").empty();
							$("#content-wrapper").append(data);
							$("[name=id2]").val(id);
							$("[name=username2]").val(username);
							$("[name=nickname2]").val(nickname);
							$("[name=email2]").val(email);
							$("[name=phone2]").val(phone);
							if(sex == "男") {
								$("input[name='sex2'][value=男]")[0].checked = "checked";
							} else if(sex == "女") {
								$("input[name='sex2'][value=女]")[0].checked = "checked";
							} else {
								$("input[name='sex2'][value=男]")[0].checked = "checked";
							}
							$("[name=address2]").val(address);
							$("[name=rolrid2]").val(rolrid);
						}
					});
				});
				$("#zhuxiao").click(function() {
					location.href = "/logout";
				});
				$("#home").click(function() {
					location.href = "/index";
				});
				$("#rolritem").click(function() {
					location.href = "/rolr/list";
				});
				$.ajax({
					type: "get",
					url: "/getmenu",
					success: function(data) {
						var response = $.parseJSON(data);
						for(var i = 0; i < response.length; i++) {
							$("#caidan").append("<li class='treeview'><a href='javascript:' id='userinfo'><i class='fa fa-files-o'></i></i><span>" + response[i].MenuName + "</span><span class='pull-right-container'> <i class='fa fa-angle-left pull-right'></i></span></a></li>");
						}
					}
				});
				$("#caidan").on('click', 'a', function(event) {
					if($(this).children('span').html() == "个人信息") {
						$.ajax({
							type: "get",
							url: "/user/info",
							success: function(data) {
								$("#content-wrapper").empty();
								$("#content-wrapper").append(data);
								$("[name=id2]").val(id);
								$("[name=username2]").val(username);
								$("[name=nickname2]").val(nickname);
								$("[name=email2]").val(email);
								$("[name=phone2]").val(phone);
								if(sex == "男") {
									$("input[name='sex2'][value=男]")[0].checked = "checked";
								} else if(sex == "女") {
									$("input[name='sex2'][value=女]")[0].checked = "checked";
								} else {
									$("input[name='sex2'][value=男]")[0].checked = "checked";
								}
								$("[name=address2]").val(address);
								$("[name=rolrid2]").val(rolrid);
							}
						});
					} else if($(this).children('span').html() == "用户管理") {
						location.href = "/user/list";
					} else if($(this).children('span').html() == "角色管理") {
						location.href = "/rolr/list";
					} else if($(this).children('span').html() == "授权管理") {
						location.href = "/power/list";
					}
				});
				var Sex2;
				$('body').one('click', '#userinfo-form', function() {
					$("#userinfo-form").bootstrapValidator({
						fields: {
							id2: {
								validators: {
									notEmpty: {
										message: 'ID不能为空'
									},
									id2Address: {
										message: 'ID'
									}
								}
							},
							username2: {
								validators: {
									notEmpty: {
										message: '昵称不能为空'
									},
									username2Address: {
										message: 'nicheng'
									}
								}
							},
							nickname2: {
								validators: {
									notEmpty: {
										message: '姓名不能为空'
									},
									nickname2Address: {
										message: '请输入有效的邮箱地址'
									}
								}
							},
							email2: {
								validators: {
									notEmpty: {
										message: '邮箱不能为空'
									},
									email2Address: {
										message: '请输入有效的邮箱地址'
									}
								}
							},
							phone2: {
								validators: {
									notEmpty: {
										message: '电话不能为空'
									},
									phone2Address: {
										message: '请输入有效的邮箱地址'
									}
								}
							},
							sex2: {
								validators: {
									notEmpty: {
										message: '性别不能为空'
									},
									sex2Address: {
										message: '请输入有效的邮箱地址'
									}
								}
							},
							address2: {
								validators: {
									notEmpty: {
										message: '地址不能为空'
									},
									address2Address: {
										message: '请输入有效的邮箱地址'
									}
								}
							},
							rolrid2: {
								validators: {
									notEmpty: {
										message: '权限不能为空'
									},
									rolrid2Address: {
										message: '请输入有效的邮箱地址'
									}
								}
							}

						}
					}).on('success.form.bv', function(event, data) {
						event.preventDefault();
						Sex2 = $('input:radio[name="sex2"]:checked').prev().html();
						$.ajax({
							type: "post",
							url: "/user/update",
							data: {
								UserName: $("[name=username2]").val(),
								NickName: $("[name=nickname2]").val(),
								Email: $("[name=email2]").val(),
								Phone: $("[name=phone2]").val(),
								Sex: Sex2,
								Address: $("[name=address2]").val(),
								RolrID: $("[name=rolrid2]").val()
							},
							success: function(data) {
								var respone = $.parseJSON(data);
								if(respone.code == 1) {
									$("#text").html('修改成功');
									$("#wuquan").stop();
									$(".wuquan").stop();
									$("#wuquan").fadeIn(400);
									$(".wuquan").slideDown(300);
								} else if(respone.code == 0) {
									$("#text").html('修改失败');
									$("#wuquan").stop();
									$(".wuquan").stop();
									$("#wuquan").fadeIn(400);
									$(".wuquan").slideDown(300);
								}
							}
						});
					});
				});
				$("[name=shanchu]").click(function() {
					if(id2 == "") {
						$("#text").html('请选择删除的对象');
						$("#wuquan").stop();
						$(".wuquan").stop();
						$("#wuquan").fadeIn(400);
						$(".wuquan").slideDown(300);
					} else {
						if(id2 == 1 || id2 == 2) {
							$("#text").html('您无权删除比您高级或跟您同级的对象');
							$("#wuquan").stop();
							$(".wuquan").stop();
							$("#wuquan").fadeIn(400);
							$(".wuquan").slideDown(300);
						} else {
							$("#text").html('删除成功');
							$("#wuquan").stop();
							$(".wuquan").stop();
							$("#wuquan").fadeIn(400);
							$(".wuquan").slideDown(300);
						}
					}
				})
				$("#tianjia").click(function() {
					if(rolrid != 1) {
						$("#text").html('您的权限等级无法添加角色');
						$("#wuquan").stop();
						$(".wuquan").stop();
						$("#wuquan").fadeIn(400);
						$(".wuquan").slideDown(300);
					} else {
						$("#wuquan2").stop();
						$(".juesetianjia2").stop();
						$("#wuquan2").fadeIn(500);
						$(".juesetianjia2").slideDown(400);
					}
				});
				$("#tuichu").click(function() {
					$("#wuquan").stop();
					$(".juesetianjia").stop();
					$("#wuquan").fadeOut(500);
					$(".juesetianjia").slideUp(400);
				});
				$("#adduser").click(function() {
					if($("[name=juese]").val() == "") {
						$("#text").html('请填写角色名称');
						$("#wuquan").stop();
						$(".wuquan").stop();
						$("#wuquan").fadeIn(400);
						$(".wuquan").slideDown(300);
					} else {
						$.ajax({
							type: "post",
							url: "/rolr/add",
							data: {
								RolrName: $("[name=juese]").val()
							},
							success: function(data) {
								var respone = $.parseJSON(data);
								if(respone.code == 1) {
									$("#text").html('添加成功');
									$("#wuquan").stop();
									$(".wuquan").stop();
									$("#wuquan").fadeIn(400);
									$(".wuquan").slideDown(300);
								} else if(respone.code == 0) {
									$("#text").html('添加失败');
									$("#wuquan").stop();
									$(".wuquan").stop();
									$("#wuquan").fadeIn(400);
									$(".wuquan").slideDown(300);
								} else if(data == 0) {
									location.href = "/notallow";
								}
							}
						});
					}
				});
				$("#shanchujuese").click(function() {
					if(rolrid != 1) {
						$("#text").html('您无权限删除角色');
						$("#wuquan").stop();
						$(".wuquan").stop();
						$("#wuquan").fadeIn(400);
						$(".wuquan").slideDown(300);
					} else {
						if(RolrID == null) {
							$("#text").html('请选择删除的对象');
							$("#wuquan").stop();
							$(".wuquan").stop();
							$("#wuquan").fadeIn(400);
							$(".wuquan").slideDown(300);
						} else {
							if(index != 0) {
								$("#text").html('该角色已经绑定用户，请先解绑用户');
								$("#wuquan").stop();
								$(".wuquan").stop();
								$("#wuquan").fadeIn(400);
								$(".wuquan").slideDown(300);
							} else {
								$.ajax({
									type: "post",
									url: "/rolr/delete",
									data: {
										RolrName: rolrname
									},
									success: function(data) {
										var respone = $.parseJSON(data);
										console.log(data);
										if(respone.data == 1) {
											$("#text").html('删除成功');
											$("#wuquan").stop();
											$(".wuquan").stop();
											$("#wuquan").fadeIn(400);
											$(".wuquan").slideDown(300);
										} else {
											$("#text").html('删除失败');
											$("#wuquan").stop();
											$(".wuquan").stop();
											$("#wuquan").fadeIn(400);
											$(".wuquan").slideDown(300);
										}
									}
								});
							}
						}
					}
				});
				$("#add").click(function() {
					if(RolrID == null) {
						$("#text").html('请选择需要添加的角色用户');
						$("#wuquan").stop();
						$(".wuquan").stop();
						$("#wuquan").fadeIn(400);
						$(".wuquan").slideDown(300);
					} else {
						$.ajax({
							type: "get",
							url: "/user/add",
							success: function(data) {
								$('body #useradd').remove();
								$('body').prepend(data);
								$('[name=rolrid3]').attr("readonly", "readonly")
								$("[name=rolrid3]").val(RolrID);
								$("#useradd").stop();
								$(".useradd").stop();
								$("#useradd").fadeIn(400);
								$(".useradd").slideDown(300);
							}
						});
					}
				});
				var Sex3, address3;
				$('body').one('click', '#useradd-form', function() {
					$("#useradd-form").bootstrapValidator({
						fields: {
							username3: {
								validators: {
									notEmpty: {
										message: '昵称不能为空'
									},
									username3Address: {
										message: 'nicheng'
									}
								}
							},
							nickname3: {
								validators: {
									notEmpty: {
										message: '姓名不能为空'
									},
									nickname3Address: {
										message: '请输入有效的邮箱地址'
									},
									regexp: {
										regexp: /[\u4e00-\u9fa5]/,
										message: '姓名必须为中文'
									}
								}
							},
							email3: {
								validators: {
									notEmpty: {
										message: '邮箱不能为空'
									},
									email3Address: {
										message: '请输入有效的邮箱地址'
									}
								}
							},
							phone3: {
								validators: {
									notEmpty: {
										message: '电话不能为空'
									},
									phone3Address: {
										message: '请输入有效的邮箱地址'
									}
								},
								regexp: {
									regexp: /^1[34578]\d{9}$/,
									message: '手机为必须为13、15、17、14、18开头的11位纯数字'
								}
							},
							sex3: {
								validators: {
									notEmpty: {
										message: '性别不能为空'
									},
									sex3Address: {
										message: '请输入有效的邮箱地址'
									}
								}
							},
							address3: {
								validators: {
									notEmpty: {
										message: '地址不能为空'
									},
									address3Address: {
										message: '请输入有效的邮箱地址'
									}
								}
							},
							rolrid3: {
								validators: {
									notEmpty: {
										message: '权限不能为空'
									},
									rolrid3Address: {
										message: '请输入有效的邮箱地址'
									}
								}
							}

						}
					}).on('success.form.bv', function(event, data) {
						event.preventDefault();
						Sex3 = $('input:radio[name="sex3"]:checked').prev().html();
						console.log(Sex3);
						address3 = $("#pre").find("option:selected").text();
						address3 += $("#city").find("option:selected").text();
						address3 += $("#area").find("option:selected").text();
						$.ajax({
							type: "post",
							url: "/user/add",
							data: {
								username: $("[name=username3]").val(),
								nickname: $("[name=nickname3]").val(),
								email: $("[name=email3]").val(),
								phone: $("[name=phone3]").val(),
								sex: $("[name=sex3]").val(),
								address: address3,
								rolrid: RolrID
							},
							success: function(data) {
								var respone = $.parseJSON(data);
								if(respone.code == 1) {
									$("#text").html('添加成功');
									$("#wuquan").stop();
									$(".wuquan").stop();
									$("#wuquan").fadeIn(400);
									$(".wuquan").slideDown(300);
									$("[name=email3]").val("");
									$("#useradd").stop();
									$(".useradd").stop();
									$("#useradd").fadeOut(400);
									$(".useradd").slideUp(300);
								} else if(respone.code == 0) {
									$("#text").html('添加失败');
									$("#wuquan").stop();
									$(".wuquan").stop();
									$("#wuquan").fadeIn(400);
									$(".wuquan").slideDown(300);
									$("[name=email3]").val("");
								}
							}
						});
					})
				});
				$('body').on('click', '#useradd', function(event) {
					if(event.target.id == "useradd") {
						$("#useradd").stop();
						$(".useradd").stop();
						$("#useradd").fadeOut(400);
						$(".useradd").slideUp(300);
					}
				});
				$('body').on('click', '#tuichu', function() {
					$("#useradd").stop();
					$(".useradd").stop();
					$("#useradd").fadeOut(400);
					$(".useradd").slideUp(300);
				});
				$('body').on('change', '[name=email3]', function() {
					$.ajax({
						type: "post",
						url: "/user/select",
						data: {
							Email: $(this).val()
						},
						success: function(data) {
							var response = $.parseJSON(data);
							if(response.code == 0) {
								$("#text").html('该邮箱已注册');
								$("#wuquan").stop();
								$(".wuquan").stop();
								$("#wuquan").fadeIn(400);
								$(".wuquan").slideDown(300);
								$("[name=email3]").val("");
							}
						}
					});
				})
				$("#tuichuquanxian").click(function() {
					$("#wuquan").stop();
					$(".wuquan").stop();
					$("#wuquan").fadeOut(400);
					$(".wuquan").slideUp(300);
					setTimeout(function() {
						window.location.reload();
					}, 401)
				})
				$("#wuquan").on("click", function(event) {
					if(event.target.id == "wuquan") {
						$("#wuquan").stop();
						$(".wuquan").stop();
						$("#wuquan").fadeOut(400);
						$(".wuquan").slideUp(300);
						setTimeout(function() {
							window.location.reload();
						}, 401)
					}
				});
				$("#wuquan2").on("click", function(event) {
					if(event.target.id == "wuquan2") {
						$("#wuquan2").stop();
						$(".wuquan2").stop();
						$("#wuquan2").fadeOut(400);
						$(".wuquan2").slideUp(300);
						setTimeout(function() {
							window.location.reload();
						}, 401)
					}
				});
				$("#tuichuquanxian2").click(function() {
					$("#wuquan2").stop();
					$(".wuquan2").stop();
					$("#wuquan2").fadeOut(400);
					$(".wuquan2").slideUp(300);
					setTimeout(function() {
						window.location.reload();
					}, 401)
				})
			})
		</script>
	</body>

</html>